<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
    //    window.onclick=function(){
    //     var btn=document.querySelector('button');
    //     btn.addEventListener('click',function(){
    //         alert('点击我');
    //     })
    //    }
    window.addEventListener('load',function(){
         var btn=document.querySelector('button');
        btn.addEventListener('click',function(){
            alert('点击我');})
    })
     window.addEventListener('load',function(){
         var btn=document.querySelector('button');
        btn.addEventListener('click',function(){
            alert('点击我2');})
    })
    //window.onload事件等所有的的文件加载完了才会执行

    //DOMContentLoaded等dom加载完毕就会执行 不包括图片 flash css
    document.addEventListener('DOMContentLoaded',function(){
        alert('22');
    })
    </script>
    <button>点击</button>
    <!-- 
        pageshow事件和load事件一样 不过pageshow事件不管缓存没有动触发
     -->
</body>
</html>